<a href="https://github.com/socketstream/socketstream/edit/master/src/docs/tutorials/en/how_to_write_css.ngdoc" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><h1><code ng:non-bindable=""></code>
<div><span class="hint"></span>
</div>
</h1>
<div><div class="how-to-write-view-css-page"><h2 id="how-to-write-view-css">How to write view CSS ?</h2>
<p>Views can be styles using plain CSS, Less, SASS or any other supported by CSS formatters.</p>
<p>The CSS formatter is added automatically. Formatters for Less and SASS are builtin, but must
be added and the core dependency added to your <code>package.json</code>.</p>
<pre><code>npm install sass --save-dev
</code></pre><p>The SASS formatter is now builtin but optional. Add the following line to your app.</p>
<pre><code>ss.client.formatters.add(&#39;sass&#39;);
</code></pre><p>By default the <code>includePaths</code> option is the <code>node_modules</code> and the client directory.
If you want to change it you can override it.</p>
<pre><code>ss.client.formatters.add(&#39;sass&#39;, {
  includePaths: [ path.join(__dirname,&#39;client&#39;,&#39;sass&#39;)]
});
</code></pre></div></div>
